<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

</head>
<!-- .box-body -->


<body class="hold-transition skin-red sidebar-mini" >
<!-- .box-body -->

<div class="box-header with-border">
	<h3 class="box-title">商品审核</h3>
</div>

<div class="box-body">

	<!-- 数据表格 -->
	<div class="table-box">

		<!--工具栏-->
		<div class="pull-left">
			<div class="form-group form-inline">
				<div class="btn-group">
					<button type="button" class="btn btn-default" title="删除" onclick="deleteMore()" ><i class="fa fa-trash-o" ></i> 删除</button>
					<button type="button" class="btn btn-default" title="审核通过" onclick="examine(1)" ><i class="fa fa-check"></i> 审核通过</button>
					<button type="button" class="btn btn-default" title="驳回" onclick="examine(2)" ><i class="fa fa-ban"></i> 驳回</button>
					<button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload()" ><i class="fa fa-refresh"></i> 刷新</button>
				</div>
			</div>
		</div>
		<div class="box-tools pull-right">
			<div class="has-feedback">
				商品名称：<input type="text" id="goodsName" >
				<button class="btn btn-default" onclick="getData()" >查询</button>
			</div>
		</div>
		<!--工具栏/-->

		<!--数据列表-->
		<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			<thead>
			<tr>
				<th class="" style="padding-right:0px">
					<input id="selall" type="checkbox" class="icheckbox_square-blue">
				</th>
				<th class="sorting_asc">商品ID</th>
				<th class="sorting">商品名称</th>
				<th class="sorting">商品价格</th>
				<th class="sorting">一级分类</th>
				<th class="sorting">二级分类</th>
				<th class="sorting">三级分类</th>
				<th class="sorting">状态</th>
				<th class="text-center">操作</th>
			</tr>
			</thead>
			<tbody id="DataContent">
			<!-- 数据展示表 -->
			<!-- 数据展示表 -->
			<!-- 数据展示表 -->
			</tbody>
		</table>
		<div th:insert="/common/page.html"></div>
		<!--数据列表/-->


	</div>
	<!-- 数据表格 /-->


</div>
<!-- /.box-body -->
</body>

</html>
<script>
	$(function () {
		//页面加载完成
		getData();
	})

	//刷新当前页面
	function reloadPage() {
		location=location;
	}

	function getData() {
		$.ajax({
			url : "/goods/listGoods",
			type : "post",
			dataType: "json",
			data: {
				pageNum : $("#pageNum").val(),
				pageSize : $("#pageSize").val(),
				goodsName : $("#goodsName").val()
			},
			async: false,
			success:function (result) {
				console.log(result.result)
				var list = result.result.result;
				console.log(list)
				var contentData = "";
				for (let i = 0; i < list.length; i++) {

					//判断审核装
					var auditStatus;
					if (list[i].auditStatus == 0){
						auditStatus = "待审核";
					}else if (list[i].auditStatus == 1){
						auditStatus = "审核通过";
					}else if (list[i].auditStatus == 2) {
						auditStatus = "审核未通过";
					}
					contentData+= '<tr>';
					contentData+= '<td><input type="checkbox" name="box" value="' + list[i].id + '"></td>';
					contentData+= '<td>'+ list[i].sellerId +'</td>';
					contentData+= '<td>'+ list[i].goodsName +'</td>';
					contentData+= '<td>'+ list[i].price +'</td>';
					contentData+= '<td>'+ list[i].category1Id +'</td>';
					contentData+= '<td>'+ list[i].category2Id +'</td>';
					contentData+= '<td>'+ list[i].category3Id +'</td>';
					contentData+= '<td>';
					contentData+= '<span>'+ auditStatus +'</span>';
					contentData+= '</td>';
					contentData+= '<td class="text-center">\n' +
							'\t\t                                 \t  <button type="button" class="btn bg-olive btn-xs" >详情</button>\n' +
							'\t\t                                  </td>';
					contentData+= '</tr>';
				}

				$("#DataContent").html(contentData);
				getPage(result.result)

			},
			error:function (result) {
				alert("联系管理员")
			}
		})
	}

	//审核状态修改
	function examine(status) {
		var idArr = [];
		$("[name=box]:checked").each(function (i,e) {
			idArr.push($(e).val());
		})
		$.ajax({
			url:"/goods/updateStatus",
			type: "post",
			data: {status:status,ids:idArr},
			dataType: "json",
			success:function (result) {
				alert("修改成功");
				getData();

			},
			error:function (result) {
				alert("联系管理员")
			}
		})

	}

	//批量删除
	function deleteMore() {
		if (confirm("确定删除吗?")){
			var idArr = [];
			$("[name=box]:checked").each(function (i,e) {
				idArr.push($(e).val());
			})
			$.ajax({
				url:"/goods/deleteData",
				type: "post",
				data: {ids:idArr},
				dataType: "json",
				success:function (result) {
					alert("删除成功");
					getData();

				},
				error:function (result) {
					alert("联系管理员")
				}
			})
		}
	}
</script>